<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的会员卡</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/personal.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<!--已开通-->
				<div class="openVip">
					
					<div class="open-top">
						
						<div class="card">
							
							<div id="card">
								<div class="logo"><img src="image/icon/zb-logo.png" /></div>
								
								<ol class="info dm-clearfix">
									<li class="pt cover dm-left">
										<img src="image/test/pro-1.png" />
									</li>
									<li class="name dm-left">王多鱼</li>
									<!--<li class="code dm-left"></li>-->
								</ol>
								
								<ul class="flex-row bot">
									<li class="scoreMod" onclick="location.href='personal_score.html'">
										<div class="val">600</div>
										<h6 class="txt">可用积分&gt;</h6>
									</li>
									<li class="tr h4 cardNum flex-full">ZBOM2018090212</li>
								</ul>
							</div>
							
						</div>
						
					</div>
					
					<div class="dm-norlist bg-w bottom-line" style="padding-top: 10px;">
						<ul class="list flex-row">
							<li class="name flex-row">会员权益<span class="icon crown"></span></li>
							<li class="cot flex-full"></li>
						</ul>
					</div>
					
					<!--图标-->
					<div class="iconTeam bg-w dm-mb">
						<dl onclick="showDetail(this)" data-type='0'>
							<dt class="icon-1"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">免费设计</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='1'>
							<dt class="icon-2"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">微笑服务</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='2'>
							<dt class="icon-3"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">会员折扣</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='3'>
							<dt class="icon-4"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">新人礼包</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='4'>
							<dt class="icon-5"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">上门取件</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='5'>
							<dt class="icon-6"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">邀请返利</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='6'>
							<dt class="icon-7"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">每月领券</dd>
						</dl>
						<dl onclick="showDetail(this)" data-type='7'>
							<dt class="icon-8"><img src="image/icon/vip-icon.png" alt="" /></dt>
							<dd class="name">生日礼包</dd>
						</dl>
					</div>
					
					<div class="dm-norlist bg-w bottom-line">
						<ul class="list flex-row arrow" onclick="location.href='mall.html'">
							<li class="name flex-row">猜你喜欢<span class="icon crown love"></span></li>
							<li class="cot flex-full"></li>
						</ul>
					</div>
					
					<div class="relur dm-mt dm-mb bg-w">
						
						<div class="ev-title flex-row">
							<span></span>升级规则<span></span>
						</div>
						
						<div class="cot">
							<img src="image/test/vip-ruler.png" />
						</div>
						
					</div>
					
					
				</div>
				
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

imgRate();
	
pullSwiper('#Main');

function showDetail(obj){
	var type = $(obj).attr('data-type');
	
	if(type == 0){
		//免费设计
		location.href = 'http://m.flyhome.com/mobile/designAdd.html';
	}else if(type == 6){
		//领券
		location.href = 'wealMod.html';
	}else{
		//简介
		var bt = $(obj).find('.name').text();
		openIntro(bt);
	};
};


function openIntro(title='标题',data=null){
	$('body').append(`
		<div id="hideMod">
			<div class="mask"></div>
			<div class="introMod">
				<div class="title">${title}<a class="close">×</a></div>
				<div class="cot">
					${ data == null ? `据华尔街见闻报道，近日，苹果公司的新iPhone自拍相机系统，因利用“高级算法”让照片更美而遭到部分欧美用户的疯狂吐槽。他们认为iPhone XS、Phone XS Max实际产生的自拍效果让他们看上去“太好看”。自动磨皮的“美颜模式”让他们美的失真。他们称其为“美颜门”。
			有用户称这种像用了笔刷滤镜一样的美颜效果让他的照片看上去很傻，整个人的皮肤光滑到不科学。还有用户表示“iPhone XS在前置摄像头使用了磨皮/美颜滤镜，没有告诉用户，也不能禁用，这是不可接受的。”` : data  }
				</div>
			</div>
		</div>
	`);
	
	$('#hideMod .close').click(function(){
		$('#hideMod').fadeOut(function(){
			$('#hideMod').remove();
		});
	});
};

</script>

</body>
</html>
